<template>
  <div>
    <c-header :active="type" @changeType="getType"></c-header>
    <div class="title">产品中心-配件</div>
    <div class="check-box">
      <div class="check-item" :class="{checked:checked==0}" @click="checked=0">
        <img src="../../assets/img/more_01.png" alt="" style="width:2.94rem;height:0.23rem;">
      </div>
      <div class="check-item" :class="{checked:checked==1}" @click="checked=1">
        <img src="../../assets/img/more_02.png" alt="" style="width:2.39rem;height:0.25rem;">
      </div>
    </div>

    <div class="parts-type">
      <h3 class="parts-title">配件类别</h3>
      <div class="type-list">
        <div style="margin-bottom:0.25rem;">
          <tab :line-width=0 active-color='#000' v-model="index">
            <tab-item class="vux-center tabs" active-class='bold' :selected="selected === index" v-for="(item, index) in typeList"
              :key="index" @on-item-click='getTabList(index)'>{{item}}</tab-item>
          </tab>
        </div>
        <swiper v-model="selected" :show-dots="false" class="swiper">
          <swiper-item :style='selected==index?{position: "static"}:""' v-for="(item, index) in typeList" :key="index"
            class="swiper-item">
            <!-- 5合1完美修整  -->
            <div class="s-item" v-show="selected===0">
              <div class="video">
                <video preload="metadata" conrtols="true" src="blob:http://player.youku.com/168c38b5-ba44-4730-93eb-a04e8f97c51f"
                  style="width: 100%; height: 3.9rem; background-color: rgb(0, 0, 0);"></video>
              </div>
              <p v-show='checked==0' class="swiper-text">Pergo 5 合 1
                方案为不同的地板提供不同的装饰条方案，全部都包含在一个方便包中。装饰条在颜色和结构上都与地板完全一致，多合一的方案更完美无暇。表面是耐磨损和刮擦层板。芯层由 HDF
                组成，底部是塑料。采用
                Incizo® 专利技术方案，您只须根据需要切割装饰条即可。适合用于厚度为 7 至 10mm 的地板。 </p>

              <p v-show='checked==1' class="swiper-text">Pergo 5 合 1
                方案为不同的地板提供不同的装饰条方案，全部都包含在一个方便包中。五合一配件系统和地板的花色品种及文里配套，多合一的设计保证了安装结果的完美性。表层材质是耐磨，抗刮擦的木饰面，核心层是高密度刨花板，底部的轨道是塑料。我们的专利
                Incizo® 解决之道，你只需把五合一配件切割至所需的角线形式即可轻松完成安装。配件系统中包含刀片，适合用于厚度为 12.5 ~ 14mm 之间的地板。</p>
              <div class="img-content" v-show='checked==0'>

                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/5in1_t-moulding.jpg" alt="">
                  <div class="img-text">
                    <h4>T型装饰条 </h4>
                    <p>层压板与层压板之间。</p>
                  </div>
                </div>

                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/5in1_carpettransition-2.jpg" alt="">
                  <div class="img-text">
                    <h4>地毯过渡 </h4>
                    <p>层压板与地毯之间。</p>
                  </div>
                </div>

                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/5in1_hardsurfacereducer-3.jpg" alt="">
                  <div class="img-text">
                    <h4>硬质表面过渡减速板 </h4>
                    <p>层压板与陶瓷、PVC或亚麻地板之间。</p>
                  </div>
                </div>

                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/5in1_endmoulding-4.jpg" alt="">
                  <div class="img-text">
                    <h4>末端装饰条 </h4>
                    <p>修整边角帽、推拉门等。</p>
                  </div>
                </div>

                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/5in1_endmoulding-4.jpg" alt="">
                  <div class="img-text">
                    <h4>楼梯线装饰条，齐平式 </h4>
                    <p>用于修整成与楼梯踏板齐平。</p>
                    <p>楼梯需要Incizo®配置，这需要另外订购。</p>
                    <p> NEINCPBASE(-)</p>
                    <p>请参阅匹配矩阵，获取正确货号。</p>
                  </div>
                </div>

                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/5in1_stairnoseflush-5.jpg" alt="">
                  <div class="img-text">
                    <h4>楼梯线装饰条 </h4>
                    <p>用于浮式地板下的台阶（例如楼梯顶部）或房间里的台阶。</p>
                  </div>
                </div>

              </div>

              <div class="img-content" v-show='checked==1'>

                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/5in1_t-moulding.jpg" alt="">
                  <div class="img-text">
                    <h4>伸缩角线 </h4>
                    <p>地板和地板之间。</p>
                  </div>
                </div>

                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/5in1_carpettransition-2.jpg" alt="">
                  <div class="img-text">
                    <h4>地毯过渡 </h4>
                    <p>地板和地毯之间。</p>
                  </div>
                </div>

                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/5in1_hardsurfacereducer-3.jpg" alt="">
                  <div class="img-text">
                    <h4>硬质表面过渡 </h4>
                    <p>地板和瓷砖，乙烯基地面或油毡之间。</p>
                  </div>
                </div>

                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/5in1_endmoulding-4.jpg" alt="">
                  <div class="img-text">
                    <h4>末端角线 </h4>
                    <p>门槛、入口处或滑动门处的收边。</p>
                  </div>
                </div>

                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/5in1_endmoulding-4.jpg" alt="">
                  <div class="img-text">
                    <h4>梯级角线，平阶式</h4>
                    <p>适用于平滑台阶的使用。</p>

                  </div>
                </div>

                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/5in1_stairnoseflush-5.jpg" alt="">
                  <div class="img-text">
                    <h4>梯级角线 </h4>
                    <p>用于浮式地板下的台阶（例如楼梯顶部）或房间里的台阶。</p>
                  </div>
                </div>

              </div>


            </div>

            <!-- 墙脚板 -->
            <div class="s-item" v-show="selected===1">
              <div class="video">
                <video preload="metadata" conrtols="true" src="blob:http://player.youku.com/168c38b5-ba44-4730-93eb-a04e8f97c51f"
                  style="width: 100%; height: 3.9rem; background-color: rgb(0, 0, 0);"></video>
              </div>
              <p class="swiper-text">利用嵌入式方法、钉子、螺丝或胶粘剂，安装 Pergo 配套的粉饰踢脚线既方便又灵活。所有踢脚线背后都有碾压槽，方便隐藏线缆。</p>
              <div class="img-content" v-if='checked==0'>

                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/pergowood_wallbasestraight_16x80_wood-1.jpg"
                    alt="">
                  <div class="img-text">
                    <h4>踢脚线，直线型 </h4>
                    <p>PGSKR(-), 2400 * 14 * 58 mm</p>
                    <p>PGPSKR(-), 2400 * 14 * 77 mm</p>
                    <p>请参阅匹配矩阵，获取正确货号。</p>
                    <p>颜色一致。表面：耐磨损和刮擦层板。芯层：MDF。</p>
                  </div>
                </div>

                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/wallbase_white_14x77.jpg" alt="">
                  <div class="img-text">
                    <h4>踢脚线，直线型 </h4>
                    <p>PGSKRWHITE，白色，2400 * 14 * 58 mm</p>
                    <p>PGSKRPAINT，可涂漆，2400 * 14 * 58 mm</p>
                    <p>PGPSKRWHITE，白色，2400 * 14 * 77 mm</p>
                    <p>PGPSKRPAINT，可涂漆，2400 * 14 * 77 mm</p>
                    <p>颜色：白色，可涂漆。表面：箔。芯层：MDF。</p>
                  </div>
                </div>

                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/wallbase_cover.jpg" alt="">
                  <div class="img-text">
                    <h4>踢脚线，覆盖型 </h4>
                    <p>配件编号：</p>
                    <p>PGISKRCOVER</p>
                    <p>用于方便快速翻新。</p>
                    <p>覆盖现有的踢脚线。</p>
                    <p>2400 * 16 * 129 mm，大小可调节。</p>
                    <p>颜色：可涂漆。表面：箔。芯层：MDF。</p>
                  </div>
                </div>

                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/pergowood_beading17x17.jpg" alt="">
                  <div class="img-text">
                    <h4>卷边 </h4>
                    <p>PGSCOTWHITE,白色</p>
                    <p>PGSCOTPAINT,可涂漆</p>
                    <p>17 * 17 mm。</p>
                    <p>颜色：白色或可涂漆。表面：箔。芯层：MDF。</p>
                  </div>
                </div>

              </div>

              <div class="img-content" v-if='checked==1'>

                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/pergowood_wallbasestraight_16x80_wood-1_0.jpg"
                    alt="">
                  <div class="img-text">
                    <h4>墙角板，直型</h4>
                    <p>配件编号：</p>
                    <p>PGWPPSKR(-), 2400 * 16 * 80</p>
                    <p>表层：耐磨及抗刮擦木皮。芯层：MDF。</p>

                  </div>
                </div>

                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/wallbase_white_14x77_0.jpg" alt="">
                  <div class="img-text">
                    <h4>墙角板，直型</h4>
                    <p>PGWPPSKRWHITE, 白色，2400 * 16 * 80 毫米</p>
                    <p>PGWPPSKRPAINT, 可喷色，2400 * 16 * 80 毫米</p>
                    <p style="margin-top:0.1rem;">颜色：白色，可喷漆。表面：箔。芯层：MDF。</p>

                  </div>
                </div>

                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/wallbase_cover_0.jpg" alt="">
                  <div class="img-text">
                    <h4>墙角板扣板</h4>
                    <p>配件编号：</p>
                    <p>PGISKRCOVER</p>
                    <p>简便快捷的装修方式。</p>
                    <p>覆盖现有墙角板。</p>
                    <p>2400 * 16 * 129 毫米，可变尺寸。</p>
                    <p>颜色：可喷色。表面：箔。芯层：MDF。</p>
                  </div>
                </div>

                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/pergowood_beading17x17_0.jpg" alt="">
                  <div class="img-text">
                    <h4>卷状角线 </h4>
                    <p>PGSCOTWHITE, 白色</p>
                    <p>PGSCOTPAINT, 可喷色</p>
                    <p style="margin-top:0.1rem;">17 * 17 毫米</p>
                    <p>颜色：白色，可喷色。表面：箔。芯层：MDF。</p>
                  </div>
                </div>

                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/endmoulding_aluminum_0.jpg" alt="">
                  <div class="img-text">
                    <h4>末端，铝质 </h4>
                    <p>配件编号：</p>
                    <p>PGENPSILV, 银色</p>
                    <p>适用于厚度为 6 - 10 mm 的地板。</p>
                    <p>2700 * 25 mm。</p>
                    <p>颜色：银色。表面：铝质。</p>
                  </div>
                </div>

              </div>



            </div>

            <!-- 装饰条 -->
            <div class="s-item" v-show="selected===2">
              <div class="video">
                <video preload="metadata" conrtols="true" src="blob:http://player.youku.com/168c38b5-ba44-4730-93eb-a04e8f97c51f"
                  style="width: 100%; height: 3.9rem; background-color: rgb(0, 0, 0);"></video>
              </div>
              <div class="swiper-text">
                <h3>T 型装饰条</h3>
                安装相同层次上的不同地板部分时，例如两个相连的房间使用同一地板，如果要移动地板，就必须使用 T 型装饰条。可使用我们的 5 合 1 方案。
              </div>
              <div class="img-content" v-if='checked==0'>

                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/stairnose-aluminium-1.jpg" alt="">
                  <div class="img-text">
                    <h4>楼梯线装饰条，铝合金式 </h4>
                    <p>配件编号：</p>
                    <p>PGSTPSILV, 银色</p>
                    <p>适合厚度为 7 - 16 mm、W = 23 mm、L = 2.7 m 的地板。</p>
                    <p style="margin-top:0.1rem;">表面：铝合金。</p>
                  </div>
                </div>

                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/pg-combimoulding.jpg" alt="">
                  <div class="img-text">
                    <h4>组合装饰条，铝合金</h4>
                    <p>配件编号：</p>
                    <p>PGPRSILV, 银色</p>
                    <p>T 型装饰条和减速板一体化。底部是塑料轨道。</p>
                    <p>适合于厚度差异为 0 – 12.3 mm 的情况。</p>
                    <p>1860 x 47 mm，H：10 mm（未安装时）。</p>
                    <p>颜色：银色。表面：铝合金。</p>
                  </div>
                </div>

                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/endmoulding_aluminum.jpg" alt="">
                  <div class="img-text">
                    <h4>末端装饰条，铝合金</h4>
                    <p>配件编号：</p>
                    <p>PGENPSILV, 银色</p>
                    <p>适合于厚度为 6 - 10 mm 的地板。</p>
                    <p>2700 * 25 mm。</p>
                    <p>颜色：银色。表面：铝合金。</p>

                  </div>
                </div>

              </div>

              <div class="img-content" v-if='checked==1'>

                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/pergo_wood_china_mini-brochure_retail-collection_cn-1-13.jpg"
                    alt="">
                  <div class="img-text">
                    <h4>铝质梯级</h4>
                    <p>配件编号：</p>
                    <p>PGSTPSILVME270, 银色</p>
                    <p>适合厚度为 7-16mm、W = 23mm、L = 2.7m 的地板。</p>
                    <p>表面：铝质。</p>
                  </div>
                </div>

              </div>


            </div>

            <!-- 底板垫层  -->
            <div class="s-item" v-show="selected===3">
              <div class="video">
                <video preload="metadata" conrtols="true" src="blob:http://player.youku.com/168c38b5-ba44-4730-93eb-a04e8f97c51f"
                  style="width: 100%; height: 3.9rem; background-color: rgb(0, 0, 0);"></video>
              </div>
              <div class="swiper-text" v-if='checked==0'>
                <h3>使地板锦上添花！</h3>
                安装新的 Pergo 强化地板之前，需要选择地板垫层，对地板的舒适度和功能性都有显著提高。您是否想要改善房间的音响效果，是否需要防潮功能？我们提供多种地板垫层方案，总有一款适合您。和所有 Pergo
                产品一样，我们设计的地板垫层性能都不会随着时间而下降，从而可确保地板的外观和功能性。接下来简单介绍了如何选择适合自己的地板垫层。

              </div>
              <div class="swiper-text" v-else>
                <h3>让出色的地板更出色！</h3>
                在安装新的 Pergo 强化地板之前，需要选择一种地垫，选择正确的地板垫层，对地板的舒适度和功能性都有显著提高。 您想改善室内的隔音效果吗？或者，您需要防潮保护吗？
                我们提供广泛的、适合不同需求的地垫解决方案。和所有 Pergo 产品一样，我们设计的地板垫层性能不会随着时间而下降，从而可确保地板的外观和功能性。 接下来您将看到一个概述说明，有助于您选择适合的地垫。

              </div>
              <div class="bg-wihte"></div>
              <div class="table-content" v-if='checked==0'>
                <h4 class="table-title">
                  <span class="table-span">01</span>
                  <span>木质底层地板的垫层</span>
                </h4>
                <table class="smaller" width="100%">
                  <tbody>
                    <tr>
                      <td>&nbsp;</td>
                      <td class="text-center bigger">好</td>
                      <td class="text-center bigger">较好</td>
                      <td class="text-center bigger">更好</td>
                    </tr>
                    <tr>
                      <td>&nbsp;</td>
                      <td class="text-center"><strong>泡沫底垫</strong></td>
                      <td class="text-center"><b>智能底垫</b></td>
                      <td class="text-center"><b>行走无声</b></td>
                    </tr>
                    <tr>
                      <td class="border-bottom"><strong>总评分</strong></td>
                      <td class="border-bottom bg-gray text-center" valign="top"><img alt="" src="http://www.pergo.com.cn/sites/default/files/article/1-score.png"></td>
                      <td class="border-bottom bg-gray text-center" valign="top"><img alt="" src="http://www.pergo.com.cn/sites/default/files/article/4-score.png"></td>
                      <td class="border-bottom bg-gray text-center" valign="top"><img alt="" src="http://www.pergo.com.cn/sites/default/files/article/6-score.png"></td>
                    </tr>
                    <tr>
                      <td>耐用性/抗压强度</td>
                      <td class="bg-gray text-center" valign="top"><img alt="" src="http://www.pergo.com.cn/sites/default/files/article/2-score.png"></td>
                      <td class="bg-gray text-center" valign="top"><img alt="" src="http://www.pergo.com.cn/sites/default/files/article/5-score.png"></td>
                      <td class="bg-gray text-center" valign="top"><img alt="" src="http://www.pergo.com.cn/sites/default/files/article/6-score.png"></td>
                    </tr>
                    <tr>
                      <td>减低行走噪音</td>
                      <td class="bg-gray text-center"><img alt="" src="http://www.pergo.com.cn/sites/default/files/article/2-score.png"></td>
                      <td class="bg-gray text-center"><img alt="" src="http://www.pergo.com.cn/sites/default/files/article/3-score.png"></td>
                      <td class="bg-gray text-center"><img alt="" src="http://www.pergo.com.cn/sites/default/files/article/5-score.png"></td>
                    </tr>
                    <tr>
                      <td>地板供暖</td>
                      <td class="bg-gray text-center"><img alt="" src="http://www.pergo.com.cn/sites/default/files/article/4-score.png"></td>
                      <td class="bg-gray text-center"><img alt="" src="http://www.pergo.com.cn/sites/default/files/article/3-score.png"></td>
                      <td class="bg-gray text-center"><img alt="" src="http://www.pergo.com.cn/sites/default/files/article/6-score.png"></td>
                    </tr>
                    <tr>
                      <td>防潮层</td>
                      <td class="bg-gray text-center">无</td>
                      <td class="bg-gray text-center">无</td>
                      <td class="bg-gray text-center">有*</td>
                    </tr>
                    <tr>
                      <td>厚度</td>
                      <td class="bg-gray text-center">2 mm</td>
                      <td class="bg-gray text-center">3 mm</td>
                      <td class="bg-gray text-center">2 mm</td>
                    </tr>
                  </tbody>
                </table>
              </div>

              <div class="table-content" style="padding-top:0.55rem;" v-if='checked==0'>
                <h4 class="table-title">
                  <span class="table-span">02</span>
                  <span>混凝土底层地板的垫层</span>
                </h4>
                <table class="smaller" width="100%">
                  <tbody>
                    <tr>
                      <td>&nbsp;</td>
                      <td class="text-center bigger">好</td>
                      <td class="text-center bigger">较好</td>
                      <td class="text-center bigger">更好</td>
                    </tr>
                    <tr>
                      <td>&nbsp;</td>
                      <td class="text-center"><strong>泡沫底垫+</strong></td>
                      <td class="text-center"><b>智能底垫+</b></td>
                      <td class="text-center"><b>行走无声</b></td>
                    </tr>
                    <tr>
                      <td class="border-bottom"><strong>总评分</strong></td>
                      <td class="border-bottom bg-gray text-center" valign="top"><img alt="" src="http://www.pergo.com.cn/sites/default/files/article/1-score.png"></td>
                      <td class="border-bottom bg-gray text-center" valign="top"><img alt="" src="http://www.pergo.com.cn/sites/default/files/article/4-score.png"></td>
                      <td class="border-bottom bg-gray text-center" valign="top"><img alt="" src="http://www.pergo.com.cn/sites/default/files/article/6-score.png"></td>
                    </tr>
                    <tr>
                      <td>耐用性/抗压强度</td>
                      <td class="bg-gray text-center" valign="top"><img alt="" src="http://www.pergo.com.cn/sites/default/files/article/2-score.png"></td>
                      <td class="bg-gray text-center" valign="top"><img alt="" src="http://www.pergo.com.cn/sites/default/files/article/5-score.png"></td>
                      <td class="bg-gray text-center" valign="top"><img alt="" src="http://www.pergo.com.cn/sites/default/files/article/6-score.png"></td>
                    </tr>
                    <tr>
                      <td>减低行走噪音</td>
                      <td class="bg-gray text-center"><img alt="" src="http://www.pergo.com.cn/sites/default/files/article/2-score.png"></td>
                      <td class="bg-gray text-center"><img alt="" src="http://www.pergo.com.cn/sites/default/files/article/3-score.png"></td>
                      <td class="bg-gray text-center"><img alt="" src="http://www.pergo.com.cn/sites/default/files/article/5-score.png"></td>
                    </tr>
                    <tr>
                      <td>地板供暖</td>
                      <td class="bg-gray text-center"><img alt="" src="http://www.pergo.com.cn/sites/default/files/article/4-score.png"></td>
                      <td class="bg-gray text-center"><img alt="" src="http://www.pergo.com.cn/sites/default/files/article/3-score.png"></td>
                      <td class="bg-gray text-center"><img alt="" src="http://www.pergo.com.cn/sites/default/files/article/6-score.png"></td>
                    </tr>
                    <tr>
                      <td>防潮层</td>
                      <td class="bg-gray text-center">无</td>
                      <td class="bg-gray text-center">无</td>
                      <td class="bg-gray text-center">有*</td>
                    </tr>
                    <tr>
                      <td>厚度</td>
                      <td class="bg-gray text-center">2 mm</td>
                      <td class="bg-gray text-center">3 mm</td>
                      <td class="bg-gray text-center">2 mm</td>
                    </tr>
                  </tbody>
                </table>
              </div>

              <div class="table-content" v-if='checked==1'>
                <h4 class="table-title">
                  <span class="table-span">01</span>
                  <span>地板底层为木质基层</span>
                </h4>
                <table class="smaller" width="100%">
                  <tbody>
                    <tr>
                      <td>&nbsp;</td>
                      <td class="text-center bigger">好</td>
                      <td class="text-center bigger">更好</td>
                      <td class="text-center bigger">最好</td>
                    </tr>
                    <tr>
                      <td>&nbsp;</td>
                      <td class="text-center"><strong>泡沫底垫</strong></td>
                      <td class="text-center"><b>智能底垫</b></td>
                      <td class="text-center"><b>静音地垫</b></td>
                    </tr>
                    <tr>
                      <td class="border-bottom"><strong>总得分</strong></td>
                      <td class="border-bottom bg-gray text-center" valign="top"><img alt="" src="http://www.pergo.com.cn/sites/default/files/article/2-score.png"></td>
                      <td class="border-bottom bg-gray text-center" valign="top"><img alt="" src="http://www.pergo.com.cn/sites/default/files/article/4-score.png"></td>
                      <td class="border-bottom bg-gray text-center" valign="top"><img alt="" src="http://www.pergo.com.cn/sites/default/files/article/6-score.png"></td>
                    </tr>
                    <tr>
                      <td>耐用性/抗压强度</td>
                      <td class="bg-gray text-center" valign="top"><img alt="" src="http://www.pergo.com.cn/sites/default/files/article/2-score.png"></td>
                      <td class="bg-gray text-center" valign="top"><img alt="" src="http://www.pergo.com.cn/sites/default/files/article/5-score.png"></td>
                      <td class="bg-gray text-center" valign="top"><img alt="" src="http://www.pergo.com.cn/sites/default/files/article/6-score.png"></td>
                    </tr>
                    <tr>
                      <td>降噪</td>
                      <td class="bg-gray text-center"><img alt="" src="http://www.pergo.com.cn/sites/default/files/article/2-score.png"></td>
                      <td class="bg-gray text-center"><img alt="" src="http://www.pergo.com.cn/sites/default/files/article/5-score.png"></td>
                      <td class="bg-gray text-center"><img alt="" src="http://www.pergo.com.cn/sites/default/files/article/5-score.png"></td>
                    </tr>
                    <tr>
                      <td>地热**</td>
                      <td class="bg-gray text-center"><img alt="" src="http://www.pergo.com.cn/sites/default/files/article/3-score.png"></td>
                      <td class="bg-gray text-center"><img alt="" src="http://www.pergo.com.cn/sites/default/files/article/1-score.png"></td>
                      <td class="bg-gray text-center"><img alt="" src="http://www.pergo.com.cn/sites/default/files/article/6-score.png"></td>
                    </tr>
                    <tr>
                      <td>防潮</td>
                      <td class="bg-gray text-center">否</td>
                      <td class="bg-gray text-center">否</td>
                      <td class="bg-gray text-center">是*</td>
                    </tr>
                    <tr>
                      <td>厚度</td>
                      <td class="bg-gray text-center">3 毫米</td>
                      <td class="bg-gray text-center">2 毫米</td>
                      <td class="bg-gray text-center">2 毫米</td>
                    </tr>
                  </tbody>
                </table>
              </div>

              <div class="table-content" style="padding-top:0.55rem;" v-if='checked==1'>
                <h4 class="table-title">
                  <span class="table-span">02</span>
                  <span>地板下面为混凝土基层</span>
                </h4>
                <table class="smaller" width="100%">
                  <tbody>
                    <tr>
                      <td>&nbsp;</td>
                      <td class="text-center bigger">好</td>
                      <td class="text-center bigger">较好</td>
                      <td class="text-center bigger">更好</td>
                    </tr>
                    <tr>
                      <td>&nbsp;</td>
                      <td class="text-center"><strong>泡沫底垫+</strong></td>
                      <td class="text-center"><b>智能底垫+</b></td>
                      <td class="text-center"><b>行走无声</b></td>
                    </tr>
                    <tr>
                      <td class="border-bottom"><strong>总得分</strong></td>
                      <td class="border-bottom bg-gray text-center" valign="top"><img alt="" src="http://www.pergo.com.cn/sites/default/files/article/3-score.png"></td>
                      <td class="border-bottom bg-gray text-center" valign="top"><img alt="" src="http://www.pergo.com.cn/sites/default/files/article/4-score.png"></td>
                      <td class="border-bottom bg-gray text-center" valign="top"><img alt="" src="http://www.pergo.com.cn/sites/default/files/article/6-score.png"></td>
                    </tr>
                    <tr>
                      <td>耐用性/抗压强度</td>
                      <td class="bg-gray text-center" valign="top"><img alt="" src="http://www.pergo.com.cn/sites/default/files/article/3-score.png"></td>
                      <td class="bg-gray text-center" valign="top"><img alt="" src="http://www.pergo.com.cn/sites/default/files/article/5-score.png"></td>
                      <td class="bg-gray text-center" valign="top"><img alt="" src="http://www.pergo.com.cn/sites/default/files/article/6-score.png"></td>
                    </tr>
                    <tr>
                      <td>降噪</td>
                      <td class="bg-gray text-center"><img alt="" src="http://www.pergo.com.cn/sites/default/files/article/3-score.png"></td>
                      <td class="bg-gray text-center"><img alt="" src="http://www.pergo.com.cn/sites/default/files/article/3-score.png"></td>
                      <td class="bg-gray text-center"><img alt="" src="http://www.pergo.com.cn/sites/default/files/article/5-score.png"></td>
                    </tr>
                    <tr>
                      <td>地热**</td>
                      <td class="bg-gray text-center"><img alt="" src="http://www.pergo.com.cn/sites/default/files/article/3-score.png"></td>
                      <td class="bg-gray text-center"><img alt="" src="http://www.pergo.com.cn/sites/default/files/article/1-score.png"></td>
                      <td class="bg-gray text-center"><img alt="" src="http://www.pergo.com.cn/sites/default/files/article/6-score.png"></td>
                    </tr>
                    <tr>
                      <td>防潮层</td>
                      <td class="bg-gray text-center">是</td>
                      <td class="bg-gray text-center">是</td>
                      <td class="bg-gray text-center">是*</td>
                    </tr>
                    <tr>
                      <td>厚度</td>
                      <td class="bg-gray text-center">2 毫米</td>
                      <td class="bg-gray text-center">3 毫米</td>
                      <td class="bg-gray text-center">2 毫米</td>
                    </tr>
                  </tbody>
                </table>
              </div>

              <div class="bg-wihte" style="height:0.7rem;"></div>

              <div class="img-content" v-if='checked==0'>

                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/dianceng-1.jpg" alt="">
                  <div class="img-text">
                    <h4>衬底泡沫</h4>
                    <p>配件编号：</p>
                    <p>PGUDLFOAM15B</p>
                    <p>适合通行较少的房间，例如卧室或阁楼。这种垫层可吸收反射的行走噪音，增加舒适度。</p>
                    <p>厚度：2 mm。</p>
                    <p>材料：挤压型发泡聚乙烯。</p>
                    <p>15 m2/卷。</p>
                  </div>
                </div>

                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/dianceng-2.jpg" alt="">
                  <div class="img-text">
                    <h4>智能垫层</h4>
                    <p>配件编号：</p>
                    <p>PGUDLSMART15</p>
                    <p>适合通行较频繁的房间。</p>
                    <p>这种折叠式垫层可改善行走的舒适度，且易于安装。</p>
                    <p>材料：挤压型聚苯乙烯泡沫。</p>
                    <p>15 m2/包。</p>
                  </div>
                </div>

                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/silentwalk_0.jpg" alt="">
                  <div class="img-text">
                    <h4>行走无声</h4>
                    <p>配件编号：</p>
                    <p>PGUDLSW7</p>
                    <p>这种垫层非常耐用且功能强大，可将反射的行走噪音降至最低。非常适合于安装在地板供暖上面。</p>
                    <p>厚度：2 mm。</p>
                    <p>材料：聚氨酯泡沫。</p>
                    <p>7 m2 /卷。</p>

                  </div>
                </div>

                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/foamplus.jpg" alt="">
                  <div class="img-text">
                    <h4>衬底泡沫+</h4>
                    <p>配件编号：</p>
                    <p>PGUDLFOAMPLUS15</p>
                    <p>适合通行较少的房间，例如卧室或阁楼。这种垫层可吸收反射的行走噪音，增加舒适度。综合了防潮层，由重叠部分和胶带边组成。</p>
                    <p>厚度：2 mm。</p>
                    <p>材料：交联型发泡聚乙烯。</p>
                    <p>15 m2 /卷。</p>
                  </div>
                </div>

                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/smart-underlay-plus.jpg" alt="">
                  <div class="img-text">
                    <h4>智能垫层+</h4>
                    <p>配件编号：</p>
                    <p>PGUDLSMARTPLUS15</p>
                    <p>适合通行较频繁的房间。</p>
                    <p>这种折叠式垫层可改善行走的舒适度，且易于安装。综合了防潮层，由重叠部分和胶带边组成。</p>
                    <p>厚度：3mm。</p>
                    <p>材料：挤压型聚苯乙烯泡沫。</p>
                    <p>15㎡/包</p>
                  </div>
                </div>

                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/dianceng-5.jpg" alt="">
                  <div class="img-text">
                    <h4>专业型SoundBloc™</h4>
                    <p>PGUDLPS 15,0.95 * 15.79 m= 15 m2 /卷</p>
                    <p>PGUDLPS 50,0.95 * 52.64 m = 50 m2 /卷</p>
                    <p style="margin-top:0.1rem;">这是消除所反射行走噪音的最佳垫层。</p>
                    <p>提高行走的舒适度，极好地隔绝噪声。</p>
                    <p>综合了防潮层，由重叠部分和胶带边组成。</p>
                    <p>厚度：2 mm。材料：交联发泡聚乙烯。</p>

                  </div>
                </div>

              </div>

              <div class="img-content" v-if='checked==1'>

                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/dianceng-1_0.jpg" alt="">
                  <div class="img-text">
                    <h4>泡沫底垫</h4>
                    <p>配件编号：</p>
                    <p>PGUDLFOAM15B</p>
                    <p>非常适合卧室或阁楼等使用较少的房间。</p>
                    <p>厚度：2 毫米</p>
                    <p>材料：弹性聚乙烯泡沫</p>
                    <p>15 平方米/卷</p>
                  </div>
                </div>

                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/dianceng-2.jpg" alt="">
                  <div class="img-text">
                    <h4>智能底垫</h4>
                    <p>配件编号：</p>
                    <p>PGUDLSMART15</p>
                    <p>非常适合经常使用的房间。</p>
                    <p>是较高楼层或公寓的理想选择。</p>
                    <p>这种折叠式底垫很容易安装。</p>
                    <p>厚度：3 毫米</p>
                    <p>材料：弹性聚苯乙烯泡沫</p>
                    <p>15 平方米/包</p>
                  </div>
                </div>

                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/silentwalk_2.jpg" alt="">
                  <div class="img-text">
                    <h4>静音地垫</h4>
                    <p>配件编号：</p>
                    <p>PGUDLSW7</p>
                    <p>非常耐久和牢固的地垫，可将反射的脚步声降到最小。同样非常适合在地热上安装。</p>
                    <p>厚度：2 mm。</p>
                    <p>材料：矿物填充的聚氨酯泡沫</p>
                    <p>7 m2 /卷。</p>

                  </div>
                </div>

                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/foamplus_0.jpg" alt="">
                  <div class="img-text">
                    <h4>加强型泡沫底垫</h4>
                    <p>配件编号：</p>
                    <p>PGUDLFOAMPLUS15</p>
                    <p>非常适合卧室或阁楼等使用较少的房间。自带防潮层，包括一个重叠互搭胶沾边。</p>
                    <p>厚度：2 mm。</p>
                    <p>材料：交联聚乙烯泡沫</p>
                    <p>15 平方米/卷</p>
                  </div>
                </div>

                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/smart-underlay-plus_0.jpg" alt="">
                  <div class="img-text">
                    <h4>加强型智能底垫</h4>
                    <p>配件编号：</p>
                    <p>PGUDLSMARTPLUS15</p>
                    <p>非常适合经常使用的房间。</p>
                    <p>是较高楼层或公寓的理想选择。这种折叠式底垫很容易安装。自带防潮层，包括50毫米的重叠互搭胶沾边。</p>
                    <p>厚度：3mm。</p>
                    <p>材料：弹性聚苯乙烯泡沫</p>
                    <p>15平方米/包</p>
                  </div>
                </div>

                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/dianceng-5_0.jpg" alt="">
                  <div class="img-text">
                    <h4>Professional SoundBloc™（专业型静音地垫）</h4>
                    <p>PGUDLPS 15, 0.95 * 1 5.79 m = 15 平方米/卷</p>
                    <p>PGUDLPS 50, 0.95 * 52.64 m = 50 平方米/卷</p>
                    <p style="margin-top:0.1rem;">用于消除反射的脚步声的最佳地垫。</p>
                    <p>可提高行走的舒适性并提供出色的隔离效果。</p>
                    <p>自带防潮层，包括一个重叠互搭胶沾边。</p>
                    <p>厚度：2 毫米。材料：交联聚乙烯泡沫。</p>

                  </div>
                </div>

              </div>

            </div>

            <!-- 安装 -->
            <div class="s-item" v-show="selected===4">
              <div class="video">
                <video preload="metadata" conrtols="true" src="blob:http://player.youku.com/168c38b5-ba44-4730-93eb-a04e8f97c51f"
                  style="width: 100%; height: 3.9rem; background-color: rgb(0, 0, 0);"></video>
              </div>
              <!-- <div class="swiper-text"> -->
              <!-- <h3>T 型装饰条</h3>
                安装相同层次上的不同地板部分时，例如两个相连的房间使用同一地板，如果要移动地板，就必须使用 T 型装饰条。可使用我们的 5 合 1 方案。
                </div> -->
              <div class="img-content" v-if='checked==0'>

                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/anzhuang-10.jpg" alt="">
                  <div class="img-text">
                    <h4>水性密封胶</h4>
                    <p>配件编号：</p>
                    <p>PGKITTRANSP</p>
                    <p>310 ml。这是一种高质量的透明单组分硅胶，弹性较好，用于墙座、装饰条、过渡和门框等的隐形防水修整。</p>

                  </div>
                </div>

                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/anzhuang-1.jpg" alt="">
                  <div class="img-text">
                    <h4>Moisturbloc Extreme™</h4>
                    <p>配件编号：</p>
                    <p>PPGUDLMOI15</p>
                    <p>这个防潮层的防潮性是传统 PE 膜的三倍。可以安装在相对温度高达 95% 的混凝土地板上，是地下室和湿度较高的混凝土地板的理想选择。有了 Moisturbloc
                      Extreme™，就可以在建新房期间更早安装地板。</p>
                    <p>1.05 * 15 m =15 ㎡（重叠 5 cm）。包含胶带。厚度：2.5 mm。材料：聚丙烯。</p>

                  </div>
                </div>

                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/anzhuang-2.jpg" alt="">
                  <div class="img-text">
                    <h4>PE膜（聚乙烯）</h4>
                    <p>配件编号：</p>
                    <p>PGUDLSCREEN34</p>
                    <p>12.5 * 27 m = 33.75 m2 /卷</p>
                    <p>垫层可保护地板，不受矿物或混凝土底层地板的湿气破坏。使用寿命 50 年。厚度：0.2 mm。材料：聚乙烯，耐碱。</p>

                  </div>
                </div>

                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/anzhuang-2.jpg" alt="">
                  <div class="img-text">
                    <h4>安装工具包</h4>
                    <p>配件编号：</p>
                    <p>PGTOOL</p>
                    <p>所有需要的东西都在这一个盒子里。</p>
                    <p>包含塑料敲砖、两种尺寸的安装垫片（2 * 18 = 36 个）和回力铁钩。</p>
                    <p style="margin-top:0.1rem;">额外的垫片</p>
                    <p>PGSPACER, 48 个</p>

                  </div>
                </div>

                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/anzhuang-4.jpg" alt="">
                  <div class="img-text">
                    <h4>墙座安装包</h4>
                    <p>配件编号：</p>
                    <p>PGCLIPS15LM</p>
                    <p>所有墙座都通过易于使用的嵌入式方法安装，不会看到钉子或螺丝。</p>
                    <p>一个安装包足够 15 米的墙座使用。</p>
                  </div>
                </div>

                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/anzhuang-5.jpg" alt="">
                  <div class="img-text">
                    <h4>防潮胶水</h4>
                    <p>配件编号：</p>
                    <p>PGSEAL500</p>
                    <p>500 ml。用于需要额外防潮的地板区域。基本呈费时聚醋酸乙烯（PVAc）。</p>
                  </div>
                </div>

                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/anzhuang-6.jpg" alt="">
                  <div class="img-text">
                    <h4>多用胶</h4>
                    <p>配件编号：</p>
                    <p>PGGLUE290</p>
                    <p>290 ml。适用于所有材料的底层。能快速固化且最终强度较高。非常适合安装墙座和装饰条。混合聚合物一管可用于 15 纵长米的墙角线。</p>
                  </div>
                </div>

                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/anzhuang-7.jpg" alt="">
                  <div class="img-text">
                    <h4>密封胶</h4>
                    <p>310 ml。用于美观修整。半个小时可干，24 小时后完全固化。有 8 种颜色。水溶性丙烯酸。</p>

                  </div>
                </div>

                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/anzhuang-8.jpg" alt="">
                  <div class="img-text">
                    <h4>暖气片盖</h4>
                    <p>不锈钢</p>
                    <p>PGRCINOX15</p>
                    <p>内径：15 mm</p>
                    <p>外径：54 mm</p>
                    <p>PGRCINOX22</p>
                    <p>内径：22mm</p>
                    <p>外径：54mm</p>
                  </div>
                </div>

                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/anzhuang-9.jpg" alt="">
                  <div class="img-text">
                    <h4>胶带</h4>
                    <p>配件编号：</p>
                    <p>NETAPE50</p>
                    <p>50 m * 5 cm。</p>
                    <p>用于垫层的自粘铝胶带。</p>

                  </div>
                </div>

                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/anzhuang-11.jpg" alt="">
                  <div class="img-text">
                    <h4>发泡条</h4>
                    <p>配件编号：</p>
                    <p>NEFOAMSTRIP20</p>
                    <p>20 m * 10 mm。PE发泡棉伸缩缝填料。可弹性填充地板周边的所有膨胀间隙。需要使用水性密封胶来密封。</p>
                  </div>
                </div>

              </div>

              <div class="img-content" v-else>

                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/anzhuang-1_0.jpg" alt="">
                  <div class="img-text">
                    <h4>Moisturbloc Extreme™（加强型防潮底垫）</h4>
                    <p>配件编号：</p>
                    <p>PGUDLMOI15</p>
                    <p>三倍于普通 PE 膜抗潮功效的地面衬垫产品。可以用于铺装在湿度高达 95% 的混凝土基材地面。是地下室和高潮湿度基材地面的理想选择。Moisturbloc
                      Extreme™（加强型防潮底垫）是的地板的安装可以在房屋建设期间完成。</p>
                    <p>1.05 * 15 米 = 15 平方米（5 厘米重叠）。自粘胶带。厚度：2.5 毫米。材料：聚丙烯。</p>

                  </div>
                </div>

                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/anzhuang-2_0.jpg" alt="">
                  <div class="img-text">
                    <h4>PE薄膜（聚乙烯）</h4>
                    <p>配件编号：</p>
                    <p>PGUDLSCREEN34</p>
                    <p>12.5 * 27 米= 33.75 平方米/卷</p>
                    <p>可以保护地板不受矿物或混凝土基层地面蒸发上来的水蒸气的危害。使用寿命 50 年。厚度：0.2 毫米。材料：聚乙烯，耐碱。</p>

                  </div>
                </div>

                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/pergo_wood_china_mini-brochure_retail-collection_cn-1-.jpg"
                    alt="">
                  <div class="img-text">
                    <h4>专业回力钩</h4>
                    <p>配件编号：</p>
                    <p>PGWPULLBAR</p>
                    <p>专业无声的回力钩得益于接触面上的橡胶减震器。</p>
                    <p>700 * 280 * 230 毫米。</p>
                    <p>1 个/包。</p>
                  </div>
                </div>
                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/anzhuang-5_0.jpg" alt="">
                  <div class="img-text">
                    <h4>免胶胶水</h4>
                    <p>配件编号：</p>
                    <p>PGSEAL500</p>
                    <p>500 毫升。用于需要特殊防潮的地板安装环境。溢出的胶水待干燥后非常容易被剥落。</p>
                  </div>
                </div>
                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/anzhuang-6_0.jpg" alt="">
                  <div class="img-text">
                    <h4>多功能胶</h4>
                    <p>配件编号：</p>
                    <p>PGGLUE290</p>
                    <p>290 毫升。适用于所有材料和基材。起效快，强度高。安装墙角板和其它角线的理想选择。混合聚合物。一管可用于 15 纵长米的墙角线。</p>
                  </div>
                </div>
                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/anzhuang-4_0.jpg" alt="">
                  <div class="img-text">
                    <h4>墙角板安装套装</h4>
                    <p>配件编号：</p>
                    <p>PGCLIPS15LM</p>
                    <p>所有的墙角板为内嵌式安装设计，看不到任何钉子或者螺丝。</p>
                    <p>每套安装套装可安装 15 米的墙角板。</p>
                  </div>
                </div>
                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/anzhuang-3.jpg" alt="">
                  <div class="img-text">
                    <h4>安装套装</h4>
                    <p>配件编号：</p>
                    <p>PGTOOL</p>
                    <p>所有所需材料包装在一个盒子里。包含塑料敲砖、两种尺寸的安装垫片（2 * 18 = 36 个）和回力铁钩。</p>
                    <p style="margin-top:0.2rem;">额外安装距离板</p>
                    <p style="margin-top:0.1rem;">PGSPACER, 48 个</p>
                  </div>
                </div>
                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/anzhuang-8_0.jpg" alt="">
                  <div class="img-text">
                    <h4>散热器扣帽</h4>
                    <p>不锈钢</p>
                    <p>PGRCINOX15</p>
                    <p>内径：15 毫米</p>
                    <p>外径：54 毫米</p>
                    <p>PGRCINOX22</p>
                    <p>内径：22 毫米</p>
                    <p>外径：54 毫米</p>
                  </div>
                </div>
                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/anzhuang-8_0.jpg" alt="">
                  <div class="img-text">
                    <h4>木质敲板</h4>
                    <p>配件编号：</p>
                    <p>PGWTAPPINGBLOCK</p>
                    <p>专业敲板。</p>
                    <p>520 * 110 * 62 毫米 10 个/包</p>
                  </div>
                </div>
                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/anzhuang-9_0.jpg" alt="">
                  <div class="img-text">
                    <h4>铝箔胶带</h4>
                    <p>配件编号：</p>
                    <p>NETAPE50</p>
                    <p>50m * 5 cm。</p>
                    <p>用于垫层的自粘铝胶带。</p>
                  </div>
                </div>
              </div>
            </div>
            <!-- 维护保养 -->
            <div class="s-item" v-show="selected===5">
              <div class="video">
                <video preload="metadata" conrtols="true" src="blob:http://player.youku.com/168c38b5-ba44-4730-93eb-a04e8f97c51f"
                  style="width: 100%; height: 3.9rem; background-color: rgb(0, 0, 0);"></video>
              </div>
              <div class="swiper-text" v-if='checked==0'>
                TitanX™ 的密封表面可防止污垢，使 Pergo 强化地板更容易清理。
                我们独创的保养配件，品质优良，旨在发挥最大劳动功效，使地板长久靓丽夺目。请勿适用一般的清洁产品，例如肥皂、清洁剂等，这些会在地板表面形成一层薄膜，破坏 Pergo 地板的光泽度。正确使用 Pergo
                特殊的全能清洁剂，可除去污垢而不产生薄膜。
              </div>
              <div class="swiper-text" v-else>
                我们独创的保养配件，品质优良，旨在发挥最大劳动功效，使地板长久亮丽夺目。请勿适用一般的清洁产品，例如肥皂、清洁剂等，这些会在地板表面形成一层薄膜，破坏 Pergo 地板的光泽度。正确使用 Pergo
                专用清洁剂，会轻松除去地板表面的污渍并很好地保持地板的光泽。
              </div>
              <div class="img-content" v-if='checked==0'>
                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/baoyang-1.jpg" alt="">
                  <div class="img-text">
                    <h4>清洁工具包</h4>
                    <p>配件编号：</p>
                    <p>PGCLEANINGKIT</p>
                    <p>高品质拖把，具有超长的人体工学手柄；拖把布架，具有使用的撕拉搭扣，方便固定拖把布。</p>
                  </div>
                </div>
                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/baoyang-2.jpg" alt="">
                  <div class="img-text">
                    <h4>全能地板清洁剂</h4>
                    <p>配件编号：</p>
                    <p>PGCLEANALL1000</p>
                    <p>专为清洁强化地板、木地板和塑料地板而发明。</p>
                    <p>可完全清除污垢、油渍和鞋印等，适合每日清洁。</p>
                  </div>
                </div>
                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/3.jpg" alt="">
                  <div class="img-text">
                    <h4>修复蜡</h4>
                    <p>配件编号：</p>
                    <p>PGREPAIR</p>
                    <p>涵盖一套柏丽原木颜料，可简单快速修复损失地板的颜色。包含 1 把熔化刀、1 把梳子和 7 块蜡。关于如何混色的信息，请登陆 pergo.com</p>
                  </div>
                </div>
              </div>
              <div class="img-content" v-else>
                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/baoyang-1_0.jpg" alt="">
                  <div class="img-text">
                    <h4>清洁套装</h4>
                    <p>配件编号：</p>
                    <p>PGCLEANINGKIT</p>
                    <p>更符合人体工学设计的加长可旋式拖把，带尼龙搭扣设计的拖把布。</p>
                  </div>
                </div>
                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/baoyang-2_0.jpg" alt="">
                  <div class="img-text">
                    <h4>地板通用清洁剂</h4>
                    <p>配件编号：</p>
                    <p>PGCLEANALL1000</p>
                    <p>特别研制出的针对强化复合地板、实木复合地板和乙烯基地板的清洁剂。针对污渍，油脂点，鞋印有非常好的清洁效果。也可用于日常清洁使用。</p>
                  </div>
                </div>
                <div class="img-item">
                  <img src="http://www.pergo.com.cn/sites/default/files/3_0.jpg" alt="">
                  <div class="img-text">
                    <h4>修复蜡</h4>
                    <p>配件编号：</p>
                    <p>PGREPAIR</p>
                    <p>有色的蜡块帮助修复损伤的地板表面。包括 1 把热熔刀、1 把清洁梳和 7 个蜡块。如需学习更多配色知识，请登录 pergo.com 网站</p>
                  </div>
                </div>
              </div>
            </div>
          </swiper-item>
        </swiper>
      </div>
    </div>

    <c-footer :type="type" @changeType="getType"></c-footer>
  </div>
</template>

<script>
  import {
    Tab,
    TabItem,
    Swiper,
    SwiperItem
  } from "vux";
  export default {
    name: "",
    props: [""],
    data() {
      return {
        type: this.$route.query.type ? this.$route.query.type : 0,
        checked: 0,
        typeList: [
          "5合1完美修整",
          "墙角板",
          "装饰条",
          "地板垫层",
          "安装",
          "维护保养"
        ],
        selected: 0,
        index: 0
        // height:'130vh'
      };
    },

    components: {
      Tab,
      TabItem,
      Swiper,
      SwiperItem
    },

    computed: {},

    beforeMount() {},

    mounted() {},

    methods: {
      getType(type) {
        this.type = type;
      },
      getTabList(index) {
        this.selected = index;
      },
      getSwiperIdx(currentIndex) {
        console.log(currentIndex);
      }
    },

    watch: {}
  };
</script>
<style scoped>
  .vux-slider>>>.vux-swiper {
    height: auto !important;
  }
</style>
<style lang='less' scoped>
  .check-box {
    height: 1.4rem;
    background: #fff;
    padding: 0 0.25rem;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;

    .checked {
      border: 1px solid #000 !important;
      background: url("../../assets/img/active.png") no-repeat right bottom;
      background-size: 0.41rem 0.4rem;
    }

    .check-item {
      height: 0.8rem;
      width: 3.34rem;
      display: flex;
      justify-content: center;
      align-items: center;
      border: 1px solid #e3e3e4;

      img {
        width: 2.94rem;
        height: 0.23rem;
      }
    }
  }

  .parts-type {
    .parts-title {
      height: 0.8rem;
      line-height: 0.8rem;
      padding: 0 0.25rem;
    }

    .tabs {
      background-color: #f8f8f8;
    }

    .type-list {
      background-color: #f8f8f8;

      .bold {
        font-weight: bold;
      }

      .swiper-text {
        padding: 0.3rem 0.25rem 0.25rem 0.25rem;
      }

      .s-item {
        .video {
          padding: 0 0.25rem;
        }
      }
    }
  }

  .img-content {
    background: #fff;
    padding: 0.4rem 0.25rem 1.3rem;

    .img-item {
      display: flex;

      &:not(:first-child) {
        margin-top: 0.4rem;
      }

      .img-text {
        padding-left: 0.25rem;

        &>p {
          font-size: 0.22rem;
        }
      }

      &>img {
        width: 2rem;
        height: 2rem;
      }
    }
  }

  .bg-wihte {
    height: 0.7rem;
    background: #fff;
  }

  .table-content {
    background: #fff;

    // margin-top: 0.7rem;
    .table-title {
      height: 0.8rem;
      line-height: 0.8rem;
      background: #f8f8f8;
      width: 88%;
      margin: auto;
      padding: 0 0.25rem;

      .table-span {
        font-size: 0.4rem;
        margin-right: 0.1rem;
      }
    }

    .smaller {
      margin-top: 0.2rem;
      padding: 0 0.25rem 0 0.5rem;
    }

    .bg-gray {
      background: #eee;

      img {
        vertical-align: middle;
      }
    }

    .text-center {
      text-align: center;
    }

    .border-bottom {
      border-bottom: 1px solid #000;
    }

    .bigger {
      font-size: 0.3rem;
    }
  }
</style>
